/*--CSS Reset--*/
/*通过-webkit-text-size-adjust:none禁用iPhone中Safari的字号自动调整*/
html {
    font-size: 10px;
}
html,body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color:transparent;
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
    user-select:none;
    height: 100%;
}
body {font: 1.4rem Helvetica ;background: #fff;color: #464646;}
/**给Element加上hover,有点击hover效果**/
.hover:active {opacity: 0.5;transition:opacity linear 0.02s 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h2,h3,h4,h5,h6,pre,form,fieldset,input,
textarea,p,blockquote,th,td{margin:0;padding:0;word-break:break-all;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym { border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-family:normal;font-weight:normal;}
dl,dt,dd,ul,ol,li{list-style:none;}
caption,th{text-align:left;}
i,em{font-style:normal;}
h1,h2,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
div,span,a,p,input,th,td,tr,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,section,article,header,nav,hgroup,aside ,input,textarea,select,button{ -webkit-tap-highlight-color:rgba(0,0,0,0);appearance:none; }
section,article,header,nav,hgroup,aside { display: block;}
a {text-decoration:none;}
.responseImg{min-width: 100%;max-width: 100%;vertical-align: top;}
a{-webkit-touch-callout:none;}
/*文字排版*/
.noBorder{border:none;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.lh150 {line-height: 150%;}
.lh180 {line-height: 180%;}
.lh200 {line-height: 200%;}
.unline{text-decoration:underline;}
.no_unline{text-decoration:none;}

/*定位*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.pr{position:relative;}
.pa{position:absolute;}
.hidden{visibility:hidden;}
.none{display:none}
.cb {clear:both;}
.cl {clear:left;}
.cr {clear:right;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.handpoint{cursor: pointer;}
.clearfix {display: block;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden} 
 input,button,select,textarea{outline:none}
 .zoom {zoom:1;}
 .disib {display: inline-block;vertical-align: top;zoom:1;}

/***移动端显示1px无锯齿边框，使用伪类来实现**/
.item-border:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #c8c7cc;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}



.textset
{
    text-overflow:ellipsis;
    white-space:nowrap;
    word-break:break-all;
    overflow:hidden;
}
.textset2
{
    text-overflow:ellipsis;
    display:-webkit-box;
    display:-moz-box;
    display:box;
    -webkit-line-clamp:2;
    -moz-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    box-orient:vertical;
    overflow:hidden;
}
.textset3
{
    text-overflow:ellipsis;
    display:-webkit-box;
    display:-moz-box;
    display:box;
    -webkit-line-clamp:3;
    -moz-line-clamp:3;
    line-clamp:3;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    box-orient:vertical;
    overflow:hidden;
}
.textset4
{
    text-overflow:ellipsis;
    display:-webkit-box;
    display:-moz-box;
    display:box;
    -webkit-line-clamp:4;
    -moz-line-clamp:4;
    line-clamp:4;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    box-orient:vertical;
    overflow:hidden;
}

/*边距*/

 .m10 {margin:10px;}
 .m15 {margin:15px;}
 .m30 {margin:30px;}
 .mt5 {margin-top: 5px;}
 .mt10 {margin-top: 10px;}
 .mt15 {margin-top: 15px;}
 .mt20 {margin-top: 20px;}
 .mt30 {margin-top: 30px;}
 .mt50 {margin-top: 50px;}
 .mb5 {margin-bottom: 5px;}
 .mb10 {margin-bottom: 10px;}
 .mb15 {margin-bottom: 15px;}
 .mb20 {margin-bottom: 20px;}
 .mb30 {margin-bottom: 30px;}
 .mb50 {margin-bottom: 50px;}
 .mb100 {margin-bottom: 100px;}
 .ml5 {margin-left: 5px;}
 .ml10 {margin-left: 10px;}
 .ml15 {margin-left: 15px;}
 .ml20 {margin-left: 20px;}
 .ml30 {margin-left: 30px;}
 .ml50 {margin-left: 50px;}
 .ml100 {margin-left: 100px;}
 .mr5 {margin-right: 5px;}
 .mr10 {margin-right: 10px;}
 .mr15 {margin-right: 15px;}
 .mr20 {margin-right: 20px;}
 .mr30 {margin-right: 30px;}
 .mr50 {margin-right: 50px;}
 .mr100 {margin-right: 100px;}

 .p5 {padding:5px;}
 .p10 {padding:10px;}
 .p15 {padding:15px;}
 .p30 {padding:30px;}
 .pt5 {padding-top: 5px;}
 .pt10 {padding-top: 10px;}
 .pt15 {padding-top: 15px;}
 .pt20 {padding-top: 20px;}
 .pt30 {padding-top: 30px;}
 .pt50 {padding-top: 50px;}
 .pb5 {padding-bottom: 5px;}
 .pb10 {padding-bottom: 10px;}
 .pb15 {padding-bottom: 15px;}
 .pb20 {padding-bottom: 20px;}
 .pb30 {padding-bottom: 30px;}
 .pb50 {padding-bottom: 50px;}
 .pl5 {padding-left: 5px;}
 .pl10 {padding-left: 10px;}
 .pl15 {padding-left: 15px;}
 .pl20 {padding-left: 20px;}
 .pl30 {padding-left: 30px;}
 .pl50 {padding-left: 50px;}
 .pr5 {padding-right: 5px;}
 .pr10 {padding-right: 10px;}
 .pr15 {padding-right: 15px;}
 .pr20 {padding-right: 20px;}
 .pr30 {padding-right: 30px;}
 .pr50 {padding-right: 50px;}

/***css3上下、垂直居中****/
.center {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;

        /* 水平居中*/
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-pack:center;/* IE 10 */
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
        
}
.middle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        /* 垂直居中 */
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-align:center;/* IE 10 */
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
}
